<template>
	<view class="app">
		<view class="app-container text-center">
			<view class="flex flex-direction justify-center">
				<view class="bg-img"></view>
				<view class="text-xsl padding">
					<text class="cuIcon-roundcheckfill text-primary"></text>
				</view>
				<text class="text-primary text-lg padding">
					恭喜您成功接单
				</text>
			</view>
			<view class="action">
				<button @tap="getOrderDetails" class="cu-btn block box-shadow bg-primary margin-tb-sm lg" >
					查看详情
				</button>
				<button @tap="back" class="cu-btn back block box-shadow line-primary margin-tb-sm lg" >
					返回
				</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	    name: "accept-order",
		onLoad(options) {
			this.demand_order_id = options.demand_order_id
		},
		data() {
			return {
				demand_order_id: ''
			}
		},
		methods: {
			back() {
				uni.navigateBack();
			},
			getOrderDetails() {
				uni.navigateTo({
					url: `/user-pages/released-details?demand_order_id=${this.demand_order_id}`,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style lang="scss">
	.app-container {
		height: 100%;
		position: relative;
		
		.flex {
			height: 50%;
			position: relative;
		}
		
		.bg-img {
			opacity: 0.5;
			height: 100%;
			width: 100%;
			position: absolute;
			// background-image: url(~@/static/img/tinified/资源6.png);
		}
		.action {
			bottom: 36px;
			left: 16px;
			right: 16px;
			position: absolute;
			height: 35%;
			.back {
				background: #fff !important;
			}
		}
	}
</style>
